<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Normalize CSS -->
    <link rel="stylesheet" href="https://unpkg.com/normalize.css/normalize.css">
    <!-- Estilos personalizados -->
    <link rel="stylesheet" href="css/styles.css">
    <!-- Jam Icons -->
    <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
    <title>Sobre nosotros | EDSoft</title>
</head>
<body>
    <!-- Cabecera (Logo y barra de navegación) -->
    <header class="main-header">
        <div class="content-wrapper">
            <a href="index.html">
                <img src="images/logo.svg" alt="EDSoft">
            </a>
            <span id="open-menu-button" class="jam jam-menu"></span>
            <nav id="main-menu" class="main-menu">
                <span id="close-menu-button" class="jam jam-close"></span>
                <ul>
                    <li><a href="index.html">Inicio</a></li>
                    <li><a href="nosotros.html">¿Quiénes somos?</a></li>
                    <li><a href="proyectos.html">Proyectos</a></li>
                    <li><a href="contacto.html">Contacto</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main class="main">
        <section class="section-container about-us">
            <h1>¿Quienes somos?</h1>
            <div class="content-wrapper">
                <article class="about-item">
                    <div class="image-container">
                        <img src="images/about/about-1.jpg" alt="Sobre nosotros">
                    </div>
                    <div>
                        <h2>Sobre nosotros</h2>
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error aliquam veniam sint minima sunt quasi earum porro facilis tempora debitis beatae impedit blanditiis, nostrum in quae voluptatum iure fugit eius!</p>
                    </div>
                </article>
                <article class="about-item">
                    <div class="image-container">
                        <img src="images/about/about-2.jpg" alt="Misión">
                    </div>
                    <div>
                        <h2>Misión</h2>
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error aliquam veniam sint minima sunt quasi earum porro facilis tempora debitis beatae impedit blanditiis, nostrum in quae voluptatum iure fugit eius!</p>
                    </div>
                </article>
                <article class="about-item">
                    <div class="image-container">
                        <img src="images/about/about-3.jpg" alt="Visión">
                    </div>
                    <div>
                        <h2>Visión</h2>
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error aliquam veniam sint minima sunt quasi earum porro facilis tempora debitis beatae impedit blanditiis, nostrum in quae voluptatum iure fugit eius!</p>
                    </div>
                </article>
            </div>
        </section>
    </main>

    <footer class="main-footer">
        <p><small>Todos los derechos reservados &copy; | EDSoft tech labs agency</small></p>
    </footer>

    <script src="js/menu.js"></script>
</body>
</html>
